// pages/category/category.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 分类数组
    list: [],
    // 记录当前激活的索引
    currentIndex: 0
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    // 暂存全局 this 方便使用 that _this self
    // 如果学到 es6 新版语法之后, 可以使用箭头函数来实现
    var that = this 
    wx.request({
      url: 'https://api-hmugo-web.itheima.net/api/public/v1/categories',
      success(res) {
        // 内嵌函数this指向有问题
        that.setData({
          list: res.data.message
        })
      }
    })
  },

  onChange(ev) {
    // 如果触发事件的标签带有mark属性
    // 这个属性会带在这个触发函数的参数里
    console.log(ev.mark.index);
    this.setData({
      // 将用户点击的索引记录到 data 当中
      currentIndex: ev.mark.index
    })
  }
})